<template>
  <div id="app">
    <mynav></mynav>
    <router-view/>
  </div>
</template>

<style>
#app {
  position: relative;
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  background: bisque;
  height: 800px;
  width: 450px;
  margin: 0 auto;
  padding: 10px;
  /* border-radius: 50% 50% 20px 20px; */
}

nav {
  padding: 30px;
}

nav a {
  font-weight: 200;
  color: #2c3e50;
  text-decoration: none;
}

nav a.router-link-exact-active {
  color: #66ccff;
}

/* .box{
  background: blue;
} */

</style>

<script>
  import mynav from  './components/nav.vue'
  import router from './router'
  import axios from 'axios'

  export default{
    name:"app",
    components:{
      mynav,
      router
    },
    created(){
      axios
        .get("接口地址")
        .then(function(res){
          console.log(res)
        })
        .catch(function(error){
          console.log(error);
        })
    }
  }

</script>